<template>
    <div style="padding: 0 2rem;">
        <ul class="flex dispose_title colorF font_s20 textC">
            <li class="flex1">序号</li>
            <li class="flex3">机构</li>
            <li class="flex2">派单时间</li>
            <li class="flex5">存在问题</li>
            <li class="flex2">处置方式</li>
        </ul>
        <ul class="flex dispose_content colorF font_s18 textC" v-for="item in dataList" v-bind:key="item.id">
            <li class="flex1 flexC JustifyContentC"><span>{{item.xh}}</span></li>
            <li class="flex3 flexC JustifyContentC"><span>{{item.jg}}</span></li>
            <li class="flex2 flexC JustifyContentC"><span>{{item.pdsj}}</span></li>
            <li class="flex5 flexC JustifyContentC textL" style="line-height:1.425rem;"><span>{{item.czwt}}</span></li>
            <li class="flex2 flexC JustifyContentC"><span>{{item.czfs}}</span></li>
        </ul>
    </div>
</template>
<script>
export default {
  name: 'Dispose',
  data () {
    return {
      dataList: [
        { 'xh': 1, 'jg': '上海浦东新区乐乡公墓', 'pdsj': '2018/1/23', 'czwt': '（1）消火栓箱生锈，建议更换（2）消火栓箱缺少水枪水带，建议配备水枪水带（3）少数灭火器失效，建议逐一检查并更换。', 'czfs': '口头告知，访谈约谈' },
        { 'xh': 2, 'jg': '上海浦东新区界龙古园', 'pdsj': '2018/1/23', 'czwt': '（1）墓区电箱锁坏，建议换锁', 'czfs': '口头告知，访谈约谈' },
        { 'xh': 3, 'jg': '上海浦东新区界龙古园', 'pdsj': '2018/1/23', 'czwt': '（1）墓区电箱锁坏，建议换锁', 'czfs': '口头告知，访谈约谈' },
        { 'xh': 4, 'jg': '上海浦东新区界龙古园', 'pdsj': '2018/1/23', 'czwt': '（1）墓区电箱锁坏，建议换锁', 'czfs': '口头告知，访谈约谈' },
        { 'xh': 5, 'jg': '上海南院实业发展有限公司福寿园海港陵园', 'pdsj': '2018/1/23', 'czwt': '（1）墓区电箱锁坏，建议换锁（2）消火栓箱缺少水枪水带，建议配备水枪水带（3）少数灭火器失效，建议逐一检查并更换。', 'czfs': '口头告知，访谈约谈' },
        { 'xh': 6, 'jg': '上海浦东新区界龙古园', 'pdsj': '2018/1/23', 'czwt': '（1）墓区电箱锁坏，建议换锁', 'czfs': '口头告知，访谈约谈' },
        { 'xh': 7, 'jg': ' ', 'pdsj': ' ', 'czwt': ' ', 'czfs': ' ' }
      ]
    }
  }
}
</script>
<style scoped>
.dispose_title {
    line-height: 2.5rem;
    border-radius: 10px 10px 0 0;
    background:#4ca5ab;
}
.dispose_content {
    line-height: 3.625rem;
    border-radius: 5px;
    background: #27515f;
    margin: 0.825rem 0;
}
</style>
